<template>
   <div class="box">
        <div class="wrap-top">
            <div class="top-img">
                <img src="/static/imgs_s03/s03_vipsr.png" alt="">
            </div>
            <div class="top-img-a">
                <img src="/static/imgs_s03/s03_sure.png" alt="">
            </div>
            <div class="top-img-b">
                <img src="/static/imgs_s03/s03_close.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .box{
            width: 100%;
            height: 675px;
            background:rgba(0,0,0,0.5);
        }
        .wrap-top{
            width: 375px;
            height: 675px;
            margin: 0 auto;
            position: relative;
        }
        .top-img img{
            width: 288px;
            height: 338px;
        }
        .top-img-a img{
            width: 213px;
            height: 46px;
        }
        .top-img-b img{
            width: 40px;
            height: 40px;
        }
        .top-img{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .top-img-a{
            position: absolute;
            top:425px;
            left: 82px;
        }
        .top-img-b{
            position: absolute;
            top: 524px;
            left: 168px;
        }
    </style>
